<template>
<div class="vertical-middle font-medium flex justify-center align-center">
  <span class="font-14 text-color3">{{ label }}</span>
  <span class="font-16 text-color5 p-l-5">{{ value }}</span>
</div>
</template>

<script>
export default {
    name: 'TextWithValue',
    props: {
        data: {
            type: Object,
            default: () => ({})
        }
    },
    computed: {
        label () {
            return this.data.label
        },
        value () {
            return this.data.value
        }
    }
}
</script>

<style scoped>

</style>
